@import '../../static/style/comm.scss';


.shareCardBox .ant-card-body{
  padding: 5px;
  overflow: hidden;
  width: 100%;
  height: 250px;
  padding-left: 0;
}
.ant-card.shareCardBox.ant-card-bordered.ant-card-hoverable {
  width: 90%;
  margin: 0 auto;
  margin-top: 10px;
}
.shareBox{
  width: 100%;
  display: flex;
  height: 100%;
  overflow: hidden;
  .shareImg{
    flex: 1;
    width: 100%;
    padding: 10px 15px;
    box-sizing: border-box;
    position: relative;
    img{
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      width: 98%;
      max-height: 220px;
    }
  }
  .shareInfo{
    flex: 4;
    width: 100%;
    position: relative;
    padding: 10px 15px;
    box-sizing: border-box;
    border-left: 1px solid #ddd;
    h5{
      @include Text_overflow_clamp($lineClamp:2)
    }
    p{
      position: absolute;
      bottom: -5px;
      left: 15px;
      white-space: nowrap;
    }
  }
  
  // @media screen and (max-width:760px) {
  //   h5{
  //     white-space: nowrap;
  //     text-overflow: ellipsis;
  //     overflow: hidden;
  //     word-break: break-all;
  //   }
  //   p{
  //     position: absolute;
  //     bottom: 0px;
  //     left: 0px;
  //     font-size: 12px;
  //     bottom: -10px;
  //   }
  //   h2,h4{
  //     margin: 0;
  //   }
  //   .shareImg{
  //     display: none;
  //   }
  //   .shareInfo{
  //     border: 0;
  //     padding: 10px 0;
  //     height: 165px;
  //   }
  // }
}